import React, { Component, Fragment, Suspense } from "react";
import { Link } from "react-router-dom";

export default class ReportsCloumn extends Component {
  constructor(props) {
    super(props);
  }
  componentDidMount () {
  }
 
  render () {
    let { DataList, LinkUrl } = this.props
    return (
      <div className="reports-cloumn">
        {/* <div className="header">精品专题报告一</div> */}
        <ul className="reports-cloumn-list">
          {DataList.map((item,index)=>{
            if (index==0) {
              return (
                <li key={`id_${index}`}>
                  <Link target="_blank" to={`${LinkUrl}/${item.reportId}`} className='figure'><img src={`${item.reportPath}?time=${Date.parse(new Date())}`} alt="" /></Link>
                  <Link target="_blank" to={`${LinkUrl}/${item.reportId}`} className="caption">{item.reportTitle}</Link>
                </li>
              )
            }else{
              return (
                <li key={`id_${index}`}>
                  <Link target="_blank" to={`${LinkUrl}/${item.reportId}`} className="caption">{item.reportTitle}</Link>
                </li>
              )
            }
            
          })}
        </ul>
      </div>
    );
  }
}
